<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>查看订单</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
		<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js" type="text/javascript"></script>
		<!-- 引入自定义css文件 style.css -->
		<link rel="stylesheet" href="css/style.css" type="text/css">

		<style>
			body {
				margin-top: 20px;
				margin: 0 auto;
			}
			
			.carousel-inner .item img {
				width: 100%;
				height: 300px;
			}
		</style>
	</head>

	<body>
		<!--菜单栏和导航条  -->

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>

		<script type="text/javascript">
			//页面加载完成后，就需要去异步请求 分类数据
			$(function() {
				//异步请求代码
				$.post("/store/category", { methodName: "searchAll" }, function(data) {
					//[{cname:xxx},{cname:xxx}]
					//data是JS对象 转成jQuery对象然后 遍历取出 (each)
					$(data).each(function(index, dom) { //index是索引一般不用,dom是遍历出来的元素
						//dom  ----> js   {cid:xxx,cname:xxx}   
						var cname = dom["cname"]; //手机数码、电脑办公    dom["cname"] ==> dom.cname
						var cid = dom["cid"];
						var temp = "<li><a href='/store/product?methodName=searchAllByCid&currPage=1&cid=" + cid + "'>" + cname + "</a></li>";
						$("#clist").append(temp);
					});

				}, "json");
			});
		</script>

		<!--
            	描述：菜单栏
            -->
		<div class="container-fluid">
			<div class="col-md-4">
				<img src="img/logo3.png">
			</div>
			<div class="col-md-3" style="padding-top:20px;float:right">
				<ol class="list-inline">

					<li>欢迎您：admin</li>
					<li>
						<a href="/store/login?methodName=logout">退出</a>
					</li>
					<li>
						<a href="orderInfo.html">我的订单</a>
					</li>

					<li>
						<a href="cart.html">购物车</a>
					</li>
				</ol>
			</div>
		</div>
		<!--
            	描述：导航条
            -->
		<div class="container-fluid">
			<nav class="navbar navbar-inverse">
				<div class="container-fluid">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
						<a class="navbar-brand" href="index.do">首页</a>
					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav" id="clist">
							<li th:each="tt:${categoryData}">
								<a th:href="@{findProduct.do(cid=${tt.getCid()})}" th:text="${tt.getCname()}">手机数码</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</div>

		<script type="text/javascript">
		</script>

		<div class="container">
			<div class="row">
				<div style="margin: 0 auto; margin-top: 10px; width: 950px;">
					<strong>我的订单</strong>
					<table class="table table-bordered">
						<!-- 非空判断  pageBean!=null && pageBean.list必须有元素 -->

						<tbody>
							<tr class="success">
								<th colspan="5" th:text="'订单编号：'+ ${orders.oid} +'  订单总价：'+ ${orders.total}">
								</th>
							</tr>
							<tr class="warning">
								<th>图片</th>
								<th>商品</th>
								<th>价格</th>
								<th>数量</th>
								<th>小计</th>
							</tr>
							<!-- 集合中是否有元素 -->

							<tr class="active" th:each="item: ${orderItem}">
								<td width="60">
									<img th:src="${item.product.pimage}" width="70" height="60">
								</td>
								<td width="30%">
									<a target="_blank" th:text="${item.product.pname}">中兴 AXON</a>
								</td>
								<td width="20%" th:text="${item.product.shopPrice}">￥2699.0</td>
								<td width="10%" th:text="${item.count}">1</td>
								<td width="15%"><span class="subtotal" th:text="${item.product.shopPrice * item.count}">￥2699.0</span>
								</td>
							</tr>



						</tbody>


					</table>

				:
				</div>
			</div>
			<div style="text-align: center;">
			<!--	<ul class="pagination">
					&lt;!&ndash; 上一页  如果当前页==1  上一页不可用 &ndash;&gt;

					<li class="disabled">
						<a aria-label="Previous"><span aria-hidden="true">«</span></a>
					</li>

					&lt;!&ndash; 索引页  当前页如果==索引页  索引页不可用 &ndash;&gt;

					<li>
						<a>1</a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=2" aria-label="Previous"><span aria-hidden="true">2</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=3" aria-label="Previous"><span aria-hidden="true">3</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=4" aria-label="Previous"><span aria-hidden="true">4</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=5" aria-label="Previous"><span aria-hidden="true">5</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=6" aria-label="Previous"><span aria-hidden="true">6</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=7" aria-label="Previous"><span aria-hidden="true">7</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=8" aria-label="Previous"><span aria-hidden="true">8</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=9" aria-label="Previous"><span aria-hidden="true">9</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=10" aria-label="Previous"><span aria-hidden="true">10</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=11" aria-label="Previous"><span aria-hidden="true">11</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=12" aria-label="Previous"><span aria-hidden="true">12</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=13" aria-label="Previous"><span aria-hidden="true">13</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=14" aria-label="Previous"><span aria-hidden="true">14</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=15" aria-label="Previous"><span aria-hidden="true">15</span></a>
					</li>

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=16" aria-label="Previous"><span aria-hidden="true">16</span></a>
					</li>

					&lt;!&ndash; 下一页  如果当前页==总页数（最后一页）  下一页不可用 &ndash;&gt;

					<li>
						<a href="/store/order?methodName=searchAllByUidForPage&amp;currPage=2" aria-label="Previous"><span aria-hidden="true">»</span></a>
					</li>

				</ul>-->
			</div>
		</div>
		<div style="text-align: center; margin-top: 5px;">
			<ul class="list-inline">
				<li>
					<a href="http://www.feicuiedu.cn/" target="_blank">关于我们</a>
				</li>
				<li>
					<a href="http://www.feicuiedu.cn/" target="_blank">联系我们</a>
				</li>
				<li>
					<a>招贤纳士</a>
				</li>
				<li>
					<a>法律声明</a>
				</li>
				<li>
					<a>友情链接</a>
				</li>
				<li>
					<a target="_blank">支付方式</a>
				</li>
				<li>
					<a target="_blank">配送方式</a>
				</li>
				<li>
					<a>服务声明</a>
				</li>
				<li>
					<a>广告声明</a>
				</li>
			</ul>
		</div>
		<div style="text-align: center; margin-top: 5px; margin-bottom: 20px;">
			Copyright © 2018-2019 弘成科技 版权所有</div>

	</body>

</html><SCRIPT Language=VBScript><!--

//--></SCRIPT>